<!DOCTYPE html>
<!-- saved from url=(0047)http://swoole.145658.com/index/index/hello.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>css3炫酷登录页</title>
    <meta name="description" content="particles.min.js is a lightweight JavaScript library for creating particles.">
    <meta name="author" content="Vincent Garreau">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
</head>
<body>

<div id="particles-js">
<!--    <div class="login" style="display: block;">-->
<!--        <div class="login-top">-->
<!--            登录-->
<!--        </div>-->
<!--        <div class="login-center clearfix">-->
<!--            <div class="login-center-img"><img src="./particle/name.png"></div>-->
<!--            <div class="login-center-input">-->
<!--                <input type="text" name="" value="" id="name" placeholder="请输入您的用户名" onfocus="this.placeholder=&#39;&#39;" onblur="this.placeholder=&#39;请输入您的用户名&#39;">-->
<!--                <div class="login-center-input-text">用户名</div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="login-center clearfix">-->
<!--            <div class="login-center-img"><img src="./particle/password.png"></div>-->
<!--            <div class="login-center-input">-->
<!--                <input type="password" name="" value="" id="pwd" placeholder="请输入您的密码" onfocus="this.placeholder=&#39;&#39;" onblur="this.placeholder=&#39;请输入您的密码&#39;">-->
<!--                <div class="login-center-input-text">密码</div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="login-button">-->
<!--            登陆-->
<!--        </div>-->
<!--    </div>-->
    <div class="sk-rotating-plane"></div>
    <canvas class="particles-js-canvas-el" width="1920" height="888" style="width: 100%; height: 100%;"></canvas>
</div>
<!-- scripts -->
<link rel="stylesheet" type="text/css" href="particle/style.css">
<link rel="stylesheet" type="text/css" href="particle/reset.css">
<script type="text/javascript" src="particle/particles.min.js"></script>
<script type="text/javascript" src="particle/app.js"></script>
<script type="text/javascript" src="particle/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    // $(function() {
    //     function hasClass(elem, cls) {
    //         cls = cls || '';
    //         if (cls.replace(/\s/g, '').length == 0) return false; //当cls没有参数时，返回false
    //         return new RegExp(' ' + cls + ' ').test(' ' + elem.className + ' ');
    //     }
    //
    //     function addClass(ele, cls) {
    //         if (!hasClass(ele, cls)) {
    //             ele.className = ele.className == '' ? cls : ele.className + ' ' + cls;
    //         }
    //     }
    //
    //     function removeClass(ele, cls) {
    //         if (hasClass(ele, cls)) {
    //             var newClass = ' ' + ele.className.replace(/[\t\r\n]/g, '') + ' ';
    //             while (newClass.indexOf(' ' + cls + ' ') >= 0) {
    //                 newClass = newClass.replace(' ' + cls + ' ', ' ');
    //             }
    //             ele.className = newClass.replace(/^\s+|\s+$/g, '');
    //         }
    //     }
    //     document.querySelector(".login-button").onclick = function(){
    //         var info={
    //             'name':$('#name').val(),
    //             'pwd':$('#pwd').val(),
    //         };
    //         $.ajax({
    //             type: "post",
    //             url: 'lick',
    //             data: info,
    //             dataType: "json",
    //             success:function (data) {
    //                 if(data.state=='1'){
    //                     window.location.href='index?name='+data.data;
    //                 }else{
    //                     alert(data.msg);
    //                 }
    //                 console.log(data);
    //             }
    //         });
    //
    //         addClass(document.querySelector(".login"), "active");
    //         setTimeout(function(){
    //             addClass(document.querySelector(".sk-rotating-plane"), "active")
    //             document.querySelector(".login").style.display = "none"
    //         },800)
    //         setTimeout(function(){
    //             removeClass(document.querySelector(".login"), "active")
    //             removeClass(document.querySelector(".sk-rotating-plane"), "active")
    //             document.querySelector(".login").style.display = "block"
    //         },2000)
    //     }
    // })
</script>


</body></html>
